<template>
  <div style="margin-top: 20px;">
    <p  v-if="desc" class="infos Subhead">同族数量({{ data.tz.length }})</p>
    <el-table  v-if="desc" :data="data.tz" border class="tabbleWidth">
      <el-table-column label="同族专利">
        <template slot-scope="scope">
          <div class="zl_tb">
            <svg v-if="scope.row.ctr == 'CN'" class="icon" aria-hidden="true">
              <use xlink:href="#icon-zhongguo"></use>
            </svg>
            <svg v-if="scope.row.ctr == 'GB'" class="icon" aria-hidden="true">
              <use xlink:href="#icon-yingguo"></use>
            </svg>
            <svg v-if="scope.row.ctr == 'CA'" class="icon" aria-hidden="true">
              <use xlink:href="#icon-jianada"></use>
            </svg>
            <svg v-if="scope.row.ctr == 'JP'" class="icon" aria-hidden="true">
              <use xlink:href="#icon-riben"></use>
            </svg>
            <svg v-if="scope.row.ctr == 'KR'" class="icon" aria-hidden="true">
              <use xlink:href="#icon-hanguo"></use>
            </svg>
            <svg v-if="scope.row.ctr == 'US'" class="icon" aria-hidden="true">
              <use xlink:href="#icon-meiguo"></use>
            </svg>
            <svg v-if="scope.row.ctr == 'AU'" class="icon" aria-hidden="true">
              <use xlink:href="#icon-aodaliya"></use>
            </svg>
            <svg v-if="scope.row.ctr == 'DE'" class="icon" aria-hidden="true">
              <use xlink:href="#icon-deguo"></use>
            </svg>
            <svg v-if="scope.row.ctr == 'FR'" class="icon" aria-hidden="true">
              <use xlink:href="#icon-faguo"></use>
            </svg>

            <svg v-if="scope.row.ctr == 'FI'" class="icon" aria-hidden="true">
              <use xlink:href="#icon-fenlan"></use>
            </svg>
            <svg v-if="scope.row.ctr == 'RU'" class="icon" aria-hidden="true">
              <use xlink:href="#icon-eluosi"></use>
            </svg>
            <svg v-if="scope.row.ctr == 'DK'" class="icon" aria-hidden="true">
              <use xlink:href="#icon-danmai"></use>
            </svg>
            <svg v-if="scope.row.ctr == 'BR'" class="icon" aria-hidden="true">
              <use xlink:href="#icon-baxi"></use>
            </svg>
            <svg v-if="scope.row.ctr == 'AR'" class="icon" aria-hidden="true">
              <use xlink:href="#icon-agenting"></use>
            </svg>
            <svg v-if="scope.row.ctr == 'IN'" class="icon" aria-hidden="true">
              <use xlink:href="#icon-yindu"></use>
            </svg>
            <span>{{ scope.row.ano }}</span>
          </div>
        </template>
      </el-table-column>
      <el-table-column prop="tic" label="名称">
        <!-- 当前申请（专利权）人 -->
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  components: {
  },
  data() {
    return {
      data: {
      },
    };
  },
  props: {
    desc: {
      type: Object,
      default: () => {
        return {
        };
      },
    },
  },
  watch: {
    desc: {
      handler(newVal, oldVal) {
        this.data = newVal;
      },
      deep: true,
    },
  },
  created() {

  },
  computed: {},
  async mounted() {
  },
  methods: {
  },
};
</script>


<style lang="less" scoped>

.tabbleWidth {
  margin-top: 20px;
}
@media (max-width: 750px) {
  .tabbleWidth {
    width: 100%;
    margin-top: 20px;
  }
}
</style>
